.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-row-align-center {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.flex-row-align-end {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
}

.flex-between-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.flex-row-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.flex-row-center-self {
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  flex-direction: row;
}


.between-item-center-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.flex-item-center-end {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-column-content-center {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.flex-column-content-between {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.flex-column-align-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex {
  flex: 1;
}

.flex-self-center {
  align-self: center;
}

.flex-self-end {
  align-self: flex-end;
}

